/*
 * @Description: []
 * @Author: Iseven Monkey <iswoter@gmail.com>
 * @Date: 2023-11-16 14:14:05
 * @LastEditors: Iseven Monkey <iswoter@gmail.com>
 * @LastEditTime: 2023-11-19 00:20:53
 */
.m-auto {
  margin: auto !important;
}

@for $i from 0 through 20 {
  $value: $i * 5;
  .m-#{$value} {
    margin: #{$value}rpx !important;
  }

  .ml-#{$value} {
    margin-left: #{$value}rpx !important;
  }

  .mt-#{$value} {
    margin-top: #{$value}rpx !important;
  }
  .mr-#{$value} {
    margin-right: #{$value}rpx !important;
  }

  .mb-#{$value} {
    margin-bottom: #{$value}rpx !important;
  }

  .mx-#{$value} {
    margin-left: #{$value}rpx !important;
    margin-right: #{$value}rpx !important;
  }

  .my-#{$value} {
    margin-top: #{$value}rpx !important;
    margin-bottom: #{$value}rpx !important;
  }

  .p-#{$value} {
    padding: #{$value}rpx !important;
  }

  .pl-#{$value} {
    padding-left: #{$value}rpx !important;
  }

  .pt-#{$value} {
    padding-top: #{$value}rpx !important;
  }

  .pr-#{$value} {
    padding-right: #{$value}rpx !important;
  }

  .pb-#{$value} {
    padding-bottom: #{$value}rpx !important;
  }

  .px-#{$value} {
    padding-left: #{$value}rpx !important;
    padding-right: #{$value}rpx !important;
  }

  .py-#{$value} {
    padding-top: #{$value}rpx !important;
    padding-bottom: #{$value}rpx !important;
  }
}

.no-lineheight {
  line-height: unset !important;
}
